<template>
  <layout-home>
    <template #nav>
      <app-name></app-name>
      <home-nav style="margin-top:80px;" :data="navList"></home-nav>
    </template>
    <template #right-bottom>
      <online-statistical :data="2365140"></online-statistical>
    </template>
  </layout-home>
</template>
<script >
import { ref, defineComponent } from 'vue'
import LayoutHome from '@/layout/home/index.vue'
import AppName from '@/components/app-name'
import HomeNav from '@/views/home/home-nav'
import OnlineStatistical from './online-statistical'
export default defineComponent({
  components: {
    HomeNav,
    LayoutHome,
    AppName,
    OnlineStatistical
  },
  setup () {
    const navList = ref([
      { name: 'startMatch', label: '开始匹配' },
      { name: 'topicPavilion', label: '话题小馆' },
      { name: 'personCenter', label: '个人中心' },
      { name: 'aboutUs', label: '关于我们' }
    ])
    return {
      navList
    }
  }
})
</script>
